<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>在平安</title>
<meta name="description" content="中国平安" />
<meta name="keywords" content="中国平安" />
<meta content="width=640, target-densitydpi=320, user-scalable=no" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/public.css">
<script src="js/zepto.min.js" type="text/javascript"></script>
<script src="js/zepto-touch.js" type="text/javascript"></script>
<script src="js/public.js" type="text/javascript"></script>
<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<style>
/*
*@@此样式为页面级，不能放在公共文件中
*/
#wrap{position: absolute;width: 100%;height: 100%;overflow:hidden;}
</style>
</head>
<body>
<div id="wrap">
    <article class="left-side" id="leftmenu">
    </article>
    
    <article class="index-main content-main" id="J-ContentMain">
        <header class="top-bar">
            <div class="top-bar-cont">
                <span class="btn-bar-css btn-bar-menu btn-bar-left" id="J-BtnMenu"><i></i></span>
            </div>
            <div class="banner-per">
                <div class="banner-photo">
                    <figure><img id="headphoto"></figure>
                    <div id="J-PerInfoEditBtn"><i></i></div>
                </div>
                <div class="banner-per-info">
                    <h1>欢迎您！<span id="userName"></span></h1>
                    <div class="banner-edit-cont">
                        <div class="edit-cont-show" id="remark"></div>
                    </div>
                </div>
            </div>
        </header>
         <section id="content" class="index-content">
            <nav class="tabs-nav">
                <div class="tabs-nav-cont">
                    <ul class="tabs-nav-list" id="J-IndexTabs">
                        <li class="curr"><div class="tabs-btn tabs-btn-ybs">易办事</div></li>
                        <li><div class="tabs-btn tabs-btn-ygzx">员工专享</div></li>
                    </ul>
                </div>
            </nav>
            <div id="iscrollContent" style="position:relative;">
                <div id="J-IndexTabsCont">
                    <div class="index-tabs-cont">
                        <div class="detail-record">
                            <ul class="detail-record-list icon-click" id="easyUl">
                            <li class="css-undispose">
                                    <div class="detail-record-list-cont" id="ycwork">
                                        <span class="css-icon"></span>
                                        <div class="list-cont">
                                            <div class="row-webkit-box list-cont-info">
                                                <div class="info-list-cont">
                                                    <h3 id="YCContent">查异常</h3>
                                                    <p id="YCDate">无消息</p>
                                                    <input type="hidden" name="ABSR" id="ABSR" value=""/>
                                                </div>
                                                <div class="info-list-icon next-icon" ></div>
                                            </div>
                                        </div>
                                    </div>
                                    <figure class="css-icon-circle">                            
                                        <span class="valign-line"></span>
                                        <i></i>                            
                                    </figure>   
                                </li>
                                <li class="css-disposed">
                                    <div class="detail-record-list-cont" id="qjwork">
                                        <span class="css-icon"></span>
                                        <div class="list-cont">
                                            <div class="row-webkit-box list-cont-info">
                                                <div class="info-list-cont">
                                                    <h3 id="Myqjd">查假单</h3>
                                                    <p id="MyqjdData">无消息</p>
                                                    <input type="hidden" name="ABSE" id="ABSE" value=""/>
                                                </div>
                                                <div class="info-list-icon next-icon"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <figure class="css-icon-circle">
                                        <span class="valign-line"></span>
                                        <i></i>                            
                                    </figure>                        
                                </li>
                                <li>
                                    <div class="detail-record-list-cont" id="mysalary">
                                        <span class="css-icon"></span>
                                        <div class="list-cont">
                                            <div class="row-webkit-box list-cont-info">
                                                <div class="info-list-cont">
                                                    <h3 id="MyMoney">查薪水</h3>
                                                    <p id="MyMoneyData">无消息</p>
                                                    <input type="hidden" name="GPPY" id="GPPY" value=""/>
                                                </div>
                                                <div class="info-list-icon next-icon"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <figure class="css-icon-circle">                            
                                        <span class="valign-line"></span>
                                        <i></i>                            
                                    </figure>   
                                </li>
                                <li class="css-sure">
                                    <div class="detail-record-list-cont" id="myydhb">
                                        <span class="css-icon"></span>
                                        <div class="list-cont">
                                            <div class="row-webkit-box list-cont-info">
                                                <div class="info-list-cont">
                                                    <h3 id="MyHB">您的月度汇报</h3>
                                                    <p id="MyHBData">无消息</p>
                                                    <input type="hidden" name="EPRA" id="EPRA"/>
                                                </div>
                                                <div class="info-list-icon next-icon"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <figure class="css-icon-circle">                            
                                        <span class="valign-line"></span>
                                        <i></i>                            
                                    </figure>
                                </li>
                                <li class="css-dispose">
                                    <div class="detail-record-list-cont" id="mysp">
                                        <span class="css-icon"></span>
                                        <div class="list-cont">
                                            <div class="row-webkit-box list-cont-info">
                                                <div class="info-list-cont">
                                                    <h3 id="MyHBSP">下属月度汇报</h3>
                                                    <p id="MyHBSPData">无消息</p>
                                                    <input type="hidden" name="EPEM" id="EPEM"/>
                                                </div>
                                                <div class="info-list-icon next-icon"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <figure class="css-icon-circle">                            
                                        <span class="valign-line"></span>
                                        <i></i>                            
                                    </figure>                        
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="index-tabs-cont index-staff-special" style="display:none;">
                        <div class="detail-record">
                            <ul class="detail-record-list icon-click">
                                <li id="myfund">
                                    <div class="detail-record-list-cont">
                                        <span class="css-icon"></span>
                                        <div class="list-cont">
                                            <div class="row-webkit-box list-cont-info">
                                                <div class="info-list-cont">
                                                    <h3 id="ma">易赚钱</h3>
                                                    <p>平安大华日增利货币基金</p>
                                                </div>
                                                <div class="info-list-icon next-icon"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <figure class="staff-record-pic"><img src="images/pic2.png"></figure>   
                                </li>
                            </ul>
                            <div class="content-unload-move">更多内容敬请期待...</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </article>
</div>
<script>
var tabsBtn = $("#J-IndexTabs").find("li");
var tabsCont = $("#J-IndexTabsCont").find(".index-tabs-cont");
var winHeight = $(window).height();
var myIscroll = null;
var showPerInfo = $("#J-ShowPerInfo");
$("#J-LeftSide").height(winHeight);
    
tabsBtn.on("tap", function(){
    var index = tabsBtn.index(this);
    $(this).addClass("curr").siblings().removeClass("curr");
    tabsCont.hide().eq(index).show();
    iscroll();
})

function iscroll(){ 
    var topBarHeight = $("#J-ContentMain").find(".top-bar").height();  
    if(myIscroll instanceof iScroll){
        myIscroll.destroy();
    }
    $("#iscrollContent").height(winHeight - topBarHeight - 86);    
    myIscroll = new iScroll("iscrollContent");
}
iscroll();
</script>
</body>
</html>
